html{
	font-size:16px;
}
body{
	color: #777;
	font-family: "MicroSoft YaHei","sans-serif";    /* 是设备默认的字体 */
}
ul,ol{
	list-style: none;
}
a{
	text-decoration: none;
	color:rgb(0, 188, 212) ;
}
a:hover{
	color: #333;
}
img ,textarea,button{
	border: none;
	outline: none;
	resize: none;
	/* 特殊的属性定义，清除浏览器给input自带的样式 */
	-webkit-appearance: none;   /* 组件默认的样式为空 */
}
i ,b ,s {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.ml{
	margin-left: 20px;
	margin-top: 5px;
}
.mr{
	margin-right:20px ;
}
.mt{
	margin-top:20px ;
}
p{
	padding: 0!important;
	margin: 0!important;
}
/*
* common css, 即公用的css
*/
.f_left{
	float: left;
}
.f_right{
	float: right;
}
.clearfix::after,
.clearfix::before{
	content: ".";
	line-height: 0;
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
/*顶部导航*/
.bx{
	width: 1024px;
	margin: 0 auto;
}
.top-nav{

}
.top-nav .left-ul{
	line-height: 35px;
}
.top-nav >.left-ul>li{
	float: left;
	padding: 0 10px;
}
.top-nav >.left-ul>li:nth-child(1){
	margin-top: 5px;
	font-size: 13px;
}
.top-nav >.left-ul>li:nth-child(2){
	font-size: 13px;
	font-weight: 900;
}
.top-nav >.right-ul{
	position: absolute;
	top: 45px;
	right: 0;
	z-index: 100;
}
.top-nav >.right-ul>li{
	float: left;
	padding: 15px 20px;
	border-left: 1px  solid  #ccc;
	height: 45px;
	color: #777;
}
.top-nav >.right-ul>li:not(:last-child){
}
.top-nav >.right-ul>li:last-child{
	padding-top: 15px;
}
.top-nav >.right-ul>li > span{
	float: left;
	text-align: center;
	display: block;
	margin-top: 3px;
	margin-right: 5px;
}
.top-nav >.right-ul>li > p{
	float: left;
	text-align: center;
	display: block;
	margin-top: 10px;

}
.top-nav >.right-ul>li > p{

	float: left;
	text-align: center;
}
.last-ul{
	position: relative;
	padding: 0 25px;
}
.last-ul>li{
	float: left;
	padding: 0 5px;
}
.last-ul>li:nth-child(1){
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: -20px;
}
.last-ul>li:nth-child(3){
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: -20px;
}
.last-p{
	margin-top: 5px;
	text-align: center;
}
/*顶部样式结束*/
/*左边患者*/
.left{width: 20%; height:auto ;
	float: left;
}
.right
{   width: 60%;
	height:auto;
	float: left;
	padding: 0  0.8em;
}
.patients{ width: 100%;height: 270px; background-color: #fff; padding: 10px;border:solid 1px #ccc;color: #777}
.font-boldest{ font-weight:bolder;margin-left:5px;line-height:28px;}
.center{ text-align: center; width:100%; height:50px;padding: 10px;}
.line{line-height:40px;}
.dash{border:1px dashed #aaa; margin-top:15px;}
.information{text-align:center; line-height:30px;height:30px;}
.icon-left{width:100%;float:left;height:30px;margin-bottom:10px;}

.process0{width:100%;height:216px; background-color:#fff; padding:10px;border:solid 1px #ccc;margin:30px;}
.process0>p{font-weight:bold;font-size:16px;}
.progress-bar{background-color:#119ba9;}
.age-month{margin-bottom:5px;}
.btn-group-justified > .btn-group .btn {
    width: 90%;
    height: 40px;
    border-radius: 0px;margin-top:10px;}
.btn-month{
	background-color:#119ba9;
	color: #fff;
	border-color: #119ba9;
}
.progress{
	margin-top:16px;
}
.register{

}
.register1>p{
	float: left;
	font-size: 16px;
	margin:0 0 0 10px;
}
.register1>button{
	float: right;
	border:0px;
	padding: 0px;
	margin-right:10px;
}
.c1{
	color: #6AD4AF !important;
}
.c2{
	color:#75478c !important;
}
.c3{
	color: #ef5d85!important;
}
.c4{
	color:#eaa1d2 !important;
}

.register{
	 width: 100%;height: 196px; background-color: #fff; padding: 10px;border:solid 1px #ccc;
	margin-top:0.8em;
}
.register1{
	width: 100%;height: 30px;margin-top:10px;
}

.dynamic>button>p{
	font-size: 12px;
	margin-top: 4px;

}
.dynamic>button{
	background-color: #C9D0D2;
	border-radius: 0px;
	margin-left: 0 !important;
	width: 12.5%;
	height:70px;float:left;
}
.dynamic{
	width: 100%;
}

.button1{
	background-color: #6AD4AF !important;
	color: #fff !important;
	border:#6AD4AF !important;

}
.button2{
	background-color: #75478c !important;
	color: #fff !important;
	border: #75478c !important;

}
.button3{
	background-color: #ef5d85!important;
	color: #fff !important;
	border:#ef5d85 !important;

}
.button4{
	background-color: #eaa1d2 !important;
	color: #fff !important;
	border: #eaa1d2 !important;

}
.button5{
	background-color:#FFC917 !important;
	color: #fff !important;
	border:#FFC917 !important;

}
.button6{
	background-color: #16D1DE !important;
	color: #fff !important;
	border: #16D1DE !important;

}

.person1{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	border: solid 4px #6AD4AF;
	float: left;
}
.triangle1{
	color: #6AD4AF;
	float: left;
	font-size:24px;
	height: 70px;
	line-height: 70px;
	margin-left: 10px;
	margin-right: 10px;
}
.person2{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	border: solid 4px #75478c;
	float: left;
}
.triangle2{
	color: #75478c;
	float: left;
	font-size:24px;
	height: 70px;
	line-height: 70px;
	margin-left: 10px;
	margin-right: 10px;
}
.time{
	width: 6%;
	float: left;
	margin-right: 15px;
}
.time1{
	font-weight: bolder;
	font-size:26px;
	float: left;
}
.time2{
	font-weight: normal;
	font-size:18px;
	float: left;
}
.time3{
	font-weight: normal;
	font-size:20px;
	float: left;
}
.detail{
	padding: 20px;
	background-color: #ededed;
	float: left;
	width: 70%;
}
.detail>p{
	font-size: 18px;
}
.patient-detail{
	width: 100%;
	border:solid 1px #ccc;
	padding: 20px;
	margin-top: 20px;

}
.patient-detail>p{
	font-size: 16px;
	font-weight: bolder;
	margin-bottom: 16px;
}

.Dynamic-Details{
	width: 100%;
}


.solid{
	width: 1px;
	height:26px;
	float: left;
	background-color: #ccc;
	margin-left: 11.3%;
}

.person3{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	border: solid 4px #FFC917;
	float: left;
	background-color: #FFC917;
	font-size: 32px;
	text-align: center;
	line-height: 66px;
	color: #fff;

}
.triangle3{
	color: #FFC917;
	float: left;
	font-size:24px;
	height: 70px;
	line-height: 70px;
	margin-left: 10px;
	margin-right: 10px;
}
.detail>i{
	float: right;
	color: #FFC917;
}
.Assessment{
	float: left;
	width: 20%;
	border-right: dashed 1px #ccc;
	text-align: center;
}
.Assessment0{
	float: left;
	width: 20%;
	text-align: center;
}
.solid0{
	width: 1px;
	height:115px;
	float: left;
	background-color: #ccc;
	margin-left: 49%;
}
.solid00{
	width: 1px;
	height:75px;
	float: left;
	background-color: #ccc;
	margin-left: 48%;
}
.person-solid{
	float: left;
	width: 80px;
}.person4{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	border: solid 4px #16D1DE;
	float: left;
	background-color: #16D1DE;
	font-size: 32px;
	text-align: center;
	line-height: 66px;
	color: #fff;

}
.triangle4{
	color: #16D1DE;
	float: left;
	font-size:24px;
	height: 70px;
	line-height: 70px;
	margin-left: 10px;
	margin-right: 10px;
}
.detail>.detail-fa{
	color: #16D1DE;
}
.br{
	height: 5px;
}

.detail>.detail-red{
	color: #e84e40;
}
.turn-right{
	width: 20%;
	float: left;
	height: auto;
}
/*医生详情*/
.task{
	min-height: 365px;
	width: 100%;
	height: auto ;
	border-radius: 0px;
	border:solid 1px  #ccc;
	background-color: #fff;
	padding-bottom: 10px;
}
.noTask {
 margin-top: 100px;
	width: 100%;
	text-align: center;
}
.noTaskTip>i{
	font-size:45px;
	color: #777;
}
.noTask p{
	font-size: 15px;
}
.tittle{
	background-color: #ededed;
	/*text-align: center;*/
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color:#777;
}
.tittle i{
	margin: 0 10px;
}
.tittle> a{
	float: right;
	margin-right:10px;
	color:#777;
}
.label{
	width: 40px;
	height: 24px;
	border-radius: 4px;
	text-align: center;
	line-height: 24px;
	float: left;
	background-color:#e84e40;
	margin-left: 10px;
}
.label1{
	padding: 0px;
	line-height: 24px;
	color:#e84e40;
	margin-left: -4px;
}
.task1{
	padding: 10px;
}
.time-999{
	color: #999;
	float: right; padding-right: 20px;
}
.bottomdot{
	border-bottom: solid 1px #ccc;
	width: 100%;
	padding-bottom: 5px;
}
.label2{
	padding: 0px;
	line-height: 24px;
	color:#6AD4AF;
	margin-left: -4px;
}
.label0{
	width: 40px;
	height: 24px;
	border-radius: 4px;
	text-align: center;
	line-height: 24px;
	float: left;
	background-color:#6AD4AF;
	margin-left: 10px;
	color: #fff;
}
.task1>.label0{
	color: #fff;

}
.doctor{
	width: 100%;
	height: auto ;
	border-radius: 0px;
	border:solid 1px  #ccc;
	background-color: #fff;
	padding-bottom: 10px;
	min-height: 103px;
	margin-top: 0.8em;
}
.tittle1{
	background-color: #ededed;
	text-align: center;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color:#56b3c1;
}
.doctor0{
	float: left;
	margin-left: 26px;
	margin-top: 20px;
	width: 80px;
	border-radius: 40px;
	height:80px;


}
.loading{
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
	color: #51b5dd;
	
}
#classification>button{
	padding: 0!important;
}
#more{
	text-align: center;
	width: 100%;
	border: 1px dashed #51b5dd;
	margin:0.8em  0 5em 0;
	border-radius: 5px;
}
#more button{
	text-align: center;
	color: #51b5dd;
}
.related-doctor{
	height: 70px;
	width:33%;
	float: left;
	text-align: center;
	margin-top: 14px;
}
.related-doctor>img{
	width:50px;
	height: 50px;
	border-radius: 25px;
	border: 1px  solid #56b3c1;
	margin-bottom: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.related-doctor>p{
	height: 20px;
	text-align: center;
	font-size: 12px;

}
/*/!*模板样式*!/*/
#typetitle{
	border-bottom: 1px dashed #ccc;
	margin:0;
	padding: 10px
}

#alltype{
	margin-top:0.8em;
	border: 1px  solid #ccc;
	background: white;
	padding: 15px;
	min-height:396px ;
}
.type-one,.type-two,.type-thr,.type-for{
	width: 100%;
	height: 70px;
	font-size: 14px;
	margin-top: 15px;
	position: relative;
}
.type-one .timeLine{
	width: 1px;
	height: 35px;
	border-right: 1px solid #ccc;
	position: absolute;
	left: 124px;
	top: 49px;
}
.type-two .timeLine{
	width: 1px;
	height: 65px;
	border-right: 1px solid #ccc;
	position: absolute;
	left: 124px;
	top: 49px;
}
.type-thr .timeLine{
	width: 1px;
	height: 95px;
	border-right: 1px solid #ccc;
	position: absolute;
	left: 124px;
	top: 49px;
}
.type-for .timeLine{
	width: 1px;
	height:140px;
	border-right: 1px solid #ccc;
	position: absolute;
	left: 124px;
	top: 49px;
}

.t-time{
	width: 100px;
	float: left;
	margin-top: 7px;
	position: relative;
	padding-left: 11px;
}
.t-time b{
	font-size: 20px;
	font-weight: 900;
}
.t-time i{
	display: block;
}
.t-time span{
	position: absolute;
	left: 38px;
	top:3px;
}
.t-img{
	float: left;
	width: 70px;
}
.t-img>img{
	width: 50px;
	border-radius: 25px;

}
.type-one>.t-img>img{
	border: 3px  solid #6AD4AF;
}
.type-two>.t-img>img{
	border: 3px  solid pink;
}
.type-thr>.t-img>img{
	border: 3px  solid orange;
}
.type-for>.t-img>img{
	border: 3px  solid #16D1DE;
}
.type-one{
	height: 70px;
}
.type-two {
	height: 100px;
}
.type-thr {
	height: auto;
}
.type-for {
	height:176px;
}
.t-content{
	position: relative;
	border-radius: 10px;
	background-color: #f5f5f5;
	margin-left: 190px;
	text-align: left;
	height: 100%;
	/*width: 100%*/
}
.type-one{
	height: 70px;
}
.type-one>.t-content >i{
	color: #6AD4AF;

}
.type-two>.t-content >i{
	color: pink;

}
.type-thr>.t-content >i{
	color: orange;

}
.type-for>.t-content >i{
	color: #16D1DE;

}
.type-for .table-bordered{
	 border: none !important;
}
.type-for table  td{
	width: 20%;
	text-align: center;
}
.t-content >i{
	position: absolute;
	left:-17px;
	top: 17px;
	font-size: 18px;

}
.t-content  table{
	height: 70px;
	width: 100%
}
.type-one p{
	line-height: 70px;
}
.one-p{
font-size: 14px;
font-weight: 500;
line-height: 60px;
padding: 0;
margin: 0;
text-align:left;
}
.two-p{
font-size: 14px;
line-height: 40px;
padding: 0;
margin: 0;
text-align: left !important;
}
.panel {
    margin-bottom:0;
	border: 0!important;
	border-radius:0;
}